Completely useless presentation
2022-09-06
This is a testflight. In this slide, I will test some (nice) features of reveal.js for my personal use. The features come mostly from Quarto-Revealjs.
🐈🐈🐈
p의 텍스트가 ul, ol의 텍스트와 달라 보이나요?
content before the pause
content after the pause
Left column
Right column
{.smaller}{.smaller}.qmd 파일과 같은 위치에 .css 파일을 두고, 문서 앞의 YAML에서 해당 파일을 로드하면 된다.format.scss를 보자.
@import url("https://cdn.jsdelivr.net/gh/wan2land/d2coding/d2coding-ligature-subset.css");
@import url("https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css");
@import url("https://cdn.jsdelivr.net/gh/sunn-us/SUITE/fonts/static/woff2/SUITE.css");
/*-- scss:rules --*/
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
font-family: 'SUITE', sans-serif !important;
/* text-shadow: -1px -1px 0 rgba(0, 0, 0, .3); */
font-weight: 750;
}
.reveal section p {
font-family: 'SUIT', sans-serif !important;
font-size: 90%;
}
.reveal section pre code {
font-family: 'D2Coding', monospace !important;
font-size: 90%;
}
.reveal ul,
.reveal li,
.reveal ol {
font-family: 'SUIT', sans-serif !important;
font-size: 95%;
}
.reveal code{
font-family: 'D2Coding', monospace !important;
font-size: 95%;
}\[ \begin{aligned} \dot{x} & = \sigma(y-x) \\ \dot{y} & = \rho x - y - xz \\ \dot{z} & = -\beta z + xy \end{aligned} \]
\[ \begin{bmatrix} 1 & x & 0 \\ 0 & 1 & -1 \end{bmatrix}\begin{bmatrix} 1 \\ y \\ 1 \end{bmatrix} =\begin{bmatrix} 1+xy \\ y-1 \end{bmatrix}. \]
인라인 수식은 잘 들어갑니꽈~ \(y_i = \alpha + \beta x_i\)는 회귀방정식이란 말이요~
{.smaller}을 슬라이드 타이틀에 적용한 경우\[ \begin{aligned} \dot{x} & = \sigma(y-x) \\ \dot{y} & = \rho x - y - xz \\ \dot{z} & = -\beta z + xy \end{aligned} \]
\[ \begin{bmatrix} 1 & x & 0 \\ 0 & 1 & -1 \end{bmatrix}\begin{bmatrix} 1 \\ y \\ 1 \end{bmatrix} =\begin{bmatrix} 1+xy \\ y-1 \end{bmatrix}. \]
인라인 수식은 잘 들어갑니꽈~ \(y_i = \alpha + \beta x_i\)는 회귀방정식이란 말이요~
This changes color of background!
This slide’s background image will be sized to 100px and repeated.
This slide’s background image fits the screen.
(A slide with no title)
(Another slide with no title)
F1 > Python 인터프리터 선택으로 파이썬 실행 환경을 지정하자..pixi > env > bin > python을 지정하면 된다.Testing Code I)Testing Code II)#| echo: true
#| layout: [-5, 60, -5]
#| fig-size: [10,10]
#| fig-cap: "A line plot on a polar axis"
#| cap-align: center
import numpy as np
import matplotlib.pyplot as plt
plt.style.use('dark_background')
r = np.arange(0, 2, 0.01)
theta = 2 * np.pi * r
fig, ax = plt.subplots(subplot_kw={"projection": "polar"})
ax.plot(theta, r)
ax.set_rticks([0.5, 1, 1.5, 2])
ax.grid(True)
plt.show()plt.style.use('dark_background'): 다크 모드에 맞춘 스타일 설정#| echo: true
#| label: fig-polar-2
#| fig-cap: "A line plot on a polar axis wth customized style"
import numpy as np
import matplotlib.pyplot as plt
plt.style.use('seaborn-v0_8-white')
#plt.rcParams["figure.figsize"] = (6,6)
r = np.arange(0, 2, 0.01)
theta = 2 * np.pi * r
fig, ax = plt.subplots(subplot_kw={"projection": "polar"})
ax.plot(theta, r)
ax.set_rticks([0.5, 1, 1.5, 2])
ax.grid(True)
plt.show()plt.style.use('seaborn-v0_8-white'): 적절한 백색 스타일TEST FOR FOOTER!